<template>
  <div class="container-box">
    <div class="gsbg-box">
      <div class="container-content">
        <h1 class="title">公司介绍</h1>
        <div class="content-text">
          <p class="text1">令傅科技是一家深耕技术领域的创新驱动型企业，始终以「科技赋能效率革新，数据重构人力价值」为使命，专注于通过前沿技术推动灵活就业市场的数字化转型。
          </p>
          <p class="text1">
            基于对零散日结兼职领域的深度洞察，公司自主研发「零付用工服务平台」，致力于以新科技、新技术、新模式解決行业长期存在的供需失衡、效率低下与权益保障缺失等痛点，打造更透明、更公平、更具活力的灵活用工生态。
          </p>
        </div>
      </div>
    </div>
    <div class="lingfubg-box">
      <div class="lingfu-content">
        <div class="lingfu-title">
          <h1 class="title">零付</h1>
          <div class="title-border"></div>
        </div>
        <div class="lingfu-content-text">
          <div class="text-box">
            <img src="@/assets/lingfuSelect.png"
                 alt="">
            <p class="text1">
              零付用工服务平台以 “技术 + 服务” 双引擎构建一站式闭环，涵盖岗位发布、薪资结算等。
            </p>
          </div>
          <div class="text-box">
            <img src="@/assets/lingfuSelect.png"
                 alt="">
            <p class="text1">
              依托 AI、大数据与区块链技术动态匹配供需，解决传统日结兼职信息不对称问题。
            </p>
          </div>
          <div class="text-box">
            <img src="@/assets/lingfuSelect.png"
                 alt="">
            <p class="text1">
              AI 派单提升接单效率 2.5 倍，首创费率透明与智能合约，杜绝加价，降低劳务纠纷风险。
            </p>
          </div>

        </div>
      </div>
    </div>

    <div class="xrpdbg-box">
      <div class="lingfu-content">

        <div class="lingfu-content-text">
          <div class="lingfu-title">
            <h1 class="title">智能体选人派单</h1>
            <div class="title-border"></div>
          </div>
          <div class="text-box">
            <div class="circle">

            </div>
            <p class="text1">
              精准服务匹配
            </p>
          </div>
          <div class="text-box">
            <div class="circle">

            </div>
            <p class="text1">
              零感交流
            </p>
          </div>
          <div class="text-box">
            <div class="circle">

            </div>
            <p class="text1">
              弹性服务
            </p>
          </div>

        </div>
        <div class="xrpdbg">

        </div>
      </div>
    </div>
  </div>
</template>

<script setup>

</script>

<style scoped lang="scss">
.container-box {
  width: 100%;
  height: 100%; // 明确高度
  display: flex;
  justify-content: center;
  flex-direction: column;

  .gsbg-box {
    width: 100%;
    height: 414px;
    background-image: url("@/assets/gsbg.png");
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    .container-content {
      height: 60%;
      width: 1200px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      .title {
        font-weight: bold;
        font-size: 40px;
        color: #000;
      }
      .content-text {
        height: 180px;
        font-size: 20px;
        color: #000;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        .text1 {
          line-height: 1.9;
        }
      }
    }
  }

  .lingfubg-box {
    width: 100%;
    height: 737px;
    background-image: url("@/assets/lingfubg.png");
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    .lingfu-content {
      height: 430px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;

      .lingfu-title {
        width: 42%;
        height: 72px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        .title {
          font-size: 40px;
          font-weight: bold;
          color: #000000;
        }
        .title-border {
          width: 69px;
          height: 8px;
          background: linear-gradient(90deg, #b058ff 0%, #4793ff 100%);
          border-radius: 4px;
        }
      }
      .lingfu-content-text {
        height: 300px;
        display: flex;
        width: 65%;
        align-items: center;
        flex-direction: column;
        justify-content: space-between;
        .text-box {
          width: 100%;
          display: flex;
          width: 530px;
          justify-content: space-between;
          align-items: flex-start;
          img {
            width: 22px;
            height: 22px;
          }
          .text1 {
            font-weight: 400;
            font-size: 20px;
            color: #333333;
            width: 489px;
            line-height: 1.9;
          }
        }
      }
    }
  }

  .xrpdbg-box {
    width: 100%;
    height: 679px;
    background-image: url("@/assets/xrpdbg.png");
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    /* flex-direction: column; */
    justify-content: center;

    .lingfu-content {
      /* height: 430px; */
      display: flex;
      /* flex-direction: column; */
      /* justify-content: space-between; */
      align-items: center;

      .lingfu-content-text {
        height: 300px;
        display: flex;
        /* width: 60%; */
        /* align-items: center; */
        flex-direction: column;
        justify-content: space-between;
        .text-box {
          width: 100%;
          display: flex;
          /* width: 515px; */
          /* justify-content: space-between; */
          align-items: center;
          .circle {
            width: 12px;
            height: 12px;
            border-radius: 100%;
            background: linear-gradient(90deg, #b058ff 0%, #4793ff 100%);
          }
          .text1 {
            font-weight: 500;
            font-size: 30px;
            color: #333333;
            /* width: 395px; */
            line-height: 1.9;
            margin-left: 10px;
          }
        }
        .lingfu-title {
          /* width: 36%; */
          height: 72px;
          display: flex;
          justify-content: space-between;
          flex-direction: column;
          /* align-items: center; */
          .title {
            font-size: 40px;
            font-weight: bold;
            color: #000000;
          }
          .title-border {
            width: 69px;
            height: 8px;
            background: linear-gradient(90deg, #b058ff 0%, #4793ff 100%);
            border-radius: 4px;
          }
        }
      }
      .xrpdbg {
        width: 934px;
        height: 598px;
        background-image: url("@/assets/xlzs.png");
        background-size: cover;
        background-repeat: no-repeat;
      }
    }
  }
}
</style>
